<script>
export default {
    props: {
        showSearch: Boolean,
        beautiful: Boolean
    },

    render() {
        const slots = this.$slots.default
        if (!slots) return null
        if (this.beautiful) {
            return (
                <div>
                    <el-card v-show={this.showSearch} style="border:none;border-radius:0px;">
                        {slots[0]}
                    </el-card>
                    <el-card style="margin-top: 12px;border:none;border-radius:0px;" body-style="padding: 12px;">
                        {slots.slice(1)}
                    </el-card>
                </div>
            )
        } else {
            return <div>{slots}</div>
        }
    }
}
</script>
